<template>
  <el-dialog
    append-to-body
    top="30px"
    width="1000px"
    :close-on-click-modal="false"
    :visible.sync="visible"
    :before-close="beforeClose"
  >
    <h4 class="device-title">生物资产监管</h4>
    <after-rfid :farm-id="farmId"></after-rfid>

    <h4 class="device-title">远程查看</h4>
    <div class="card mb-4">
      <div class="card-body">
        <h5 class="device-subtitle">在线视频</h5>
        <after-video :farm-id="farmId"></after-video>
        <h5 class="device-subtitle mt-3">图片资料</h5>
        <after-capture :farm-id="farmId"></after-capture>
      </div>
    </div>

    <h4 class="device-title">电表查询</h4>
    <after-ele :farm-id="farmId"></after-ele>
  </el-dialog>
</template>

<script>
import AfterEle from '@/credit/views/city/self/after/AfterEle'
import AfterRfid from '@/credit/views/city/self/after/rfid/DeviceList'
import AfterVideo from '@/credit/views/city/self/after/video/VideoList'
import AfterCapture from '@/credit/views/city/self/after/capture/CaptureList'

export default {
  components: {
    AfterEle,
    AfterRfid,
    AfterVideo,
    AfterCapture,
  },
  props: {
    visible: Boolean,
    farmId: String,
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>

<style lang="scss" scoped></style>
